<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, min imum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>小米商城-小米官方网站，小米手机、红米手机正品专卖</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="icon" href="./img/APP图片/logo.png">
    <link rel="stylesheet" href="./font_xiaoyuandian/iconfont.css">
    <script>
       
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 1080) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));
  
    </script>
    
</head>

<body>
    <!-- 首页-导航 -->
    <nav>
        <div class="nav-1 clearfix"></div>
        <div class="nav-2">
            <div class="nav-2-1">
                <img src="./img/APP图片/logo.png" alt="">
            </div>
            <div class="nav-2-1">
                <div class="bs-1">
                    <img src="./img/APP图片/下载 (1).png" alt="">
                    <form action="">
                    
                        <input type="text" value="搜索商品名称">
                    </form>
                </div>
                
            </div>
            <div class="nav-2-1">
                <img src="./img/APP图片/下载10.png" alt="">
            </div>
           
        </div>
        <div class="nav-3">
            <div class="nav-3-1">
                <span>推荐</span>
            </div>
            <div class="nav-3-1">
                
                <span>智能</span>
            </div>

            <div class="nav-3-1">
                <span>电视</span>
            </div>
            <div class="nav-3-1">
                <span>家电</span>
            </div>
            <div class="nav-3-1">
                <span>笔记本</span>
            </div>
            <div class="nav-3-2">
                <img src="./img/APP图片/下载.png" alt="">
                <div class="nav-3-2-1">
                    <h2>全部</h2>
                    <img src="./img/APP图片/下载.png" alt="">
                    <div class="nav-3-2-1-1">
                        <div class="nav-3-2-1-11">
                            <span>推荐</span>

                        </div>
                        <div class="nav-3-2-1-11">
                            <span>智能</span>
                        </div>
                        <div class="nav-3-2-1-11">
                            <span>电视</span>
                        </div>
                        <div class="nav-3-2-1-11">
                            <span>家电</span>
                        </div>
                        <div class="nav-3-2-1-11">
                            <span>笔记本</span>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </nav>




    <!-- 轮播图 -->
    <div class="lbt">
        <div class="lbt-0">
            <img src="./img/APP图片/lbt-1.jpg" alt="">
            <img src="./img/APP图片/lbt-2.jpg" alt="">
            <img src="./img/APP图片/lbt-1.jpg" alt="">
        </div>
        <div class="dian-1">
            <div class="dian-1-1">
                <span class="iconfont icon-yuandian"></span>
                <span class="iconfont icon-yuandian"></span> 
                <span class="iconfont icon-yuandian"></span> 
                <span class="iconfont icon-yuandian"></span> 
                <span class="iconfont icon-yuandian"></span> 
                <span class="iconfont icon-yuandian"></span> 
    
            </div>
        </div>
     
    </div>





    <!-- 主要内容-1-标题栏 -->
    <aside>
        <div class="aside-1">
            <img src="./img/APP图片/aside-1.png" alt="">
        </div>
        <div class="aside-1">
            <img src="./img/APP图片/aside-2.png" alt="">
        </div>
        
        <div class="aside-1">
            <img src="./img/APP图片/aside-3.png" alt="">
        </div>
        
        <div class="aside-1">
            <img src="./img/APP图片/aside-1.png" alt="">
        </div>
        <div class="aside-1">
            <img src="./img/APP图片/aside-2.png" alt="">
        </div>
        <div class="aside-1">
            <img src="./img/APP图片/aside-6.png" alt="">
        </div>
        <div class="aside-1">
            <img src="./img/APP图片/aside-1.png" alt="">
        </div>
        <div class="aside-1">
            <img src="./img/APP图片/aside-1.png" alt="">
        </div>
        <div class="aside-1">
            <img src="./img/APP图片/aside-3.png" alt="">
        </div>
        <div class="aside-1">
            <img src="./img/APP图片/aside-2.png" alt="">
        </div>
        
        
    </aside>




    <!-- 三图区 -->
    <div class="three-pic">
        <div class="t-pic-1">
            <img src="./img/APP图片/t-pic-1.webp" alt="">
        </div>
        <div class="t-pic-2">
            <img src="./img/APP图片/t-pic-2.webp" alt="">
        </div>
        <div class="t-pic-2">
            <img src="./img/APP图片/t-pic-4.webp" alt="">
        </div>
    </div>
    <!-- 图 -->
    <div class="one-pic-1">
        <img src="./img/APP图片/t-pic-3.webp" alt="">
    </div>




    <!-- 下图区-手机 -->
    <div class="phone-1">
        <div class="phone-1-1">
            <img src="./img/APP图片/phone-1.jpg" alt="">
            <h6>Xiaomi 11 Pro</h6>
            <p>1/1.12''GN2｜骁龙888</p>
            <p>$4999 起
            <span>$4999</span> </p>
            <div class="ljgm">
                立即购买
            </div>
        </div>
        <div class="phone-1-1">
            <img src="./img/APP图片/phone-1.jpg" alt="">
            <h6>Xiaomi 11 Pro</h6>
            <p>1/1.12''GN2｜骁龙888</p>
            <p>$4999 起
            <span>$4999</span> </p>
            <div class="ljgm">
                立即购买
            </div>
        </div>
        
        
    </div>
    <div class="phone-1">
        <div class="phone-1-1">
            <img src="./img/APP图片/phone-1.jpg" alt="">
            <h6>Xiaomi 11 Pro</h6>
            <p>1/1.12''GN2｜骁龙888</p>
            <p>$4999 起
            <span>$4999</span> </p>
            <div class="ljgm">
                立即购买
            </div>
        </div>
        <div class="phone-1-1">
            <img src="./img/APP图片/phone-1.jpg" alt="">
            <h6>Xiaomi 11 Pro</h6>
            <p>1/1.12''GN2｜骁龙888</p>
            <p>$4999 起
            <span>$4999</span> </p>
            <div class="ljgm">
                立即购买
            </div>
        </div>
        
        
    </div>



    <!-- 更多产品 -->

<div class="more-1">
    更多小米手机产品 >
</div>




<!-- xiaomidiannao -->
<div class="more-2">
    <img src="./img/APP图片/more-2.webp" alt="">
</div>
<div class="phone-1">
    <div class="phone-1-1">
        <img src="./img/APP图片/phone-1.jpg" alt="">
        <h6>Xiaomi 11 Pro</h6>
        <p>1/1.12''GN2｜骁龙888</p>
        <p>$4999 起
        <span>$4999</span> </p>
        <div class="ljgm">
            立即购买
        </div>
    </div>
    <div class="phone-1-1">
        <img src="./img/APP图片/phone-1.jpg" alt="">
        <h6>Xiaomi 11 Pro</h6>
        <p>1/1.12''GN2｜骁龙888</p>
        <p>$4999 起
        <span>$4999</span> </p>
        <div class="ljgm">
            立即购买
        </div>
    </div>
</div>


<!-- hengduo -->
<div class="more-2">
    <img src="./img/APP图片/more-3.webp" alt="">
</div>
<div class="more-1">
    更多小米手机产品 >
</div>



<!-- 以旧换新 -->
<div class="old-1">
    <div>
        <img src="./img/APP图片/old-2.webp" alt="">
    </div>
    <div>
        <img src="./img/APP图片/old-2.webp" alt="">
    </div>
</div>
<div class="old-1">
    <div>
        <img src="./img/APP图片/old-2.webp" alt="">
    </div>
    <div>
        <img src="./img/APP图片/old-2.webp" alt="">
    </div>
</div>


<div class="old-3">
    <img src="./img/APP图片/old-3.webp" alt="">
</div>


<!-- 尾部 -->
<div class="footer-1"></div>
<div class="kong"></div>
<div class="footer-2">
    <a href="./index.html">
        <img src="./img/APP图片/footer-1.png" alt="">
        首页
    </a>
    <a href="./index-fenlei.html">
        <img src="./img/APP图片/footer-22.png" alt="">
        分类
    </a>
    <a href="./index-miquan.html">
        <img src="./img/APP图片/footer-33.png" alt="">
        米圈

    </a>
    <a href="./index-gouwuche.html">
        <img src="./img/APP图片/footer-44.png" alt="">
        购物车
    </a>
    <a href="./index-wode.html">
        <img src="./img/APP图片/footer-55.png" alt="">
        我的
    </a>
</div>















</body>

</html>